ticketEditorUiProto = {

    iconCls: 'icon-note_add'
    , width : 425
    , autoHeight : true
    , layout: 'auto'
    , closeAction : 'hide'
    , contentItems : {
        xtype : 'form'
        , baseCls : 'x-ticket-form'
        , padding: 8
        , buttonAlign : 'center'
        ,defaults:{
            xtype : 'textfield'
            ,allowBlank : true
            ,msgTarget: 'under'
            ,hideLabel : true
        }
        , ref : 'ticketForm'
        , monitorValid : true
        ,items : [
            {
                xtype :'compositefield'
                , ref : 'nameAndTime'
                ,items:[
                    {
                        name : 'name'
                        , xtype : 'textfield'
                        , emptyText : 'Name'
                        , allowBlank : false
                        , tooltip : 'Give the name or headline of the ticket'
                        , ref:'nameField'
                        , width : 275
                    },{
                      xtype : 'textfield'
                      , name : 'originalEstimate'
                      , tooltip : 'Original estimate in Hours (h), days (d) or so on'
                      , width : 100
                      , vtype:'timeEstimate'
                      , emptyText : 'Time estimate'
                    }
                ]
            },
            {
                xtype: 'textarea'
                ,ref : 'useCaseField'
                ,emptyText : 'User Story / Use Case'
                ,name : 'useCase'
                ,width : 380
                ,grow : true
                ,growMax : 120
                , autoScroll : true
                ,tooltip : 'Give more detailed description of the purpose of the ticket'
            },{
                xtype : 'compositefield'
                ,items : [
                    {
                        xtype : 'productcombo'
                        , ref : '../productCombo'
                        , hiddenName : 'product'
                        , tooltip : 'Select product this ticket belongs to'
                        , emptyText : 'Product'
                        , width : 185
                    },{
                        xtype:'opensprintcombo'
                        ,ref : '../sprintCombo'
                        ,hiddenName : 'sprint'
                        ,tooltip: 'Select sprint to chedule this ticket to'
                        ,emptyText : 'Uncheduled'
                        ,width : 185
                    }
                ]
            },{
                xtype : 'compositefield'
                ,items : [
                    {
                        xtype : 'button'
                        ,ref : '../assignToMeButton'
                        , iconCls : 'icon-security_agent'
                        , tooltip : 'Assign to me'
                    },{
                        xtype: 'assigneecombo'
                        ,ref : '../assigneeCombo'
                        ,hiddenName : 'assignee'
                        , width : 160
                        , tooltip : 'Select user to assign this ticket to'
                        , emptyText : 'Unassigned'
                    },{
                        xtype : 'button'
                        , iconCls : 'icon-palette'
                        , text : 'Pick a color'
                        , width : 185
                        , tooltip : 'Select color for the ticket'
                        , formBind : true
                        , ref :'../colorButton'
                        , menu : {
                            items : [{
                                xtype : 'colorpalette'
                                , ref : 'colorPalette'
                            }]
                        }
                    }
                ]
            },{
                xtype : 'hidden'
                ,name : 'ticketColor'
                ,ref : 'ticketColorField'
                , value : 'FFFFFF'
            }
        ]

    }
};
ticketEditorUi = Ext.extend(Ext.Window, ticketEditorUiProto);
